@import './variables.module.scss';

// 定义（在全局样式中定义）
@font-face {
  font-family: 优设标题黑5;
  src: url('@/assets/fontFamily/优设标题黑.ttf');
}

@font-face {
  font-family: apple;
  src: url('@/assets/fontFamily/apple.ttf');
}

@font-face {
  font-family: 华文行楷;
  src: url('@/assets/fontFamily/STXINGKA.TTF');
}

@font-face {
  font-family: DSDIGI;
  src: url('@/assets/fontFamily/DSDIGI.TTF');
}

* {
  box-sizing: border-box;
}

html,
body,
#app {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

:root {
  --containerBgc: #f5f2f0;
  --contentBgc: #fff;
  --m-max-width: 600px;
}

/* 自定义滚动条 整体（最外层容器） */
::-webkit-scrollbar {
  width: 3px; /* 设置滚动条的宽度 */
  height: 3px;
}

/* 自定义滚动条 轨道 */
::-webkit-scrollbar-track {
  background: #fff; /* 设置轨道的背景颜色 */
}

/* 自定义滚动条的 滑块（thumb） */
::-webkit-scrollbar-thumb {
  width: 3px;
  height: 3px;
  background-image: linear-gradient(-45deg, #ee7752, #ce3e75, #23a6d5, #23d5ab); /* 设置滑块的背景颜色 */
  border-radius: 2px;
  cursor: pointer;
}

/* 当滑块悬停或活动时，可以添加更多样式 */
::-webkit-scrollbar-thumb:hover {
  background-image: linear-gradient(180deg, #ee7752, #ce3e75, #23a6d5, #23d5ab);
  width: 5px;
  height: 5px;
}

.el-scrollbar {
  .el-scrollbar__bar.is-horizontal {
    height: 3px; // 添加横向高度
  }
  .el-scrollbar__bar.is-vertical {
    width: 3px; // 添加纵向宽度
  }
  // 横向滚动条
  .el-scrollbar__bar.is-horizontal .el-scrollbar__thumb {
    opacity: 1; // 默认滚动条自带透明度
    height: 3px; // 横向滑块的宽度
    border-radius: 2px; // 圆角度数
    background-image: linear-gradient(-45deg, #ee7752, #ce3e75, #23a6d5, #23d5ab); // 滑块背景色
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15); // 滑块阴影
    cursor: pointer;
  }
  // 纵向滚动条
  .el-scrollbar__bar.is-vertical .el-scrollbar__thumb {
    opacity: 1;
    width: 3px; // 纵向滑块的宽度
    border-radius: 2px;
    background-image: linear-gradient(-45deg, #ee7752, #ce3e75, #23a6d5, #23d5ab);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
    cursor: pointer;
  }
  .el-scrollbar__bar.is-vertical .el-scrollbar__thumb:hover,
  .el-scrollbar__bar.is-horizontal .el-scrollbar__thumb:hover {
    background-image: linear-gradient(180deg, #ee7752, #ce3e75, #23a6d5, #23d5ab);
    width: 5px;
    height: 5px;
  }
}

body {
  padding-right: 0 !important;
  width: 100% !important;
}

// 给 table 加上边框
.table-content-container {
  border: 1px solid #eceef5;
}

/*
 * Add your custom styles here
 * 标题样式居然消失了 只能自己加一下咯
 */
h1 {
  font-size: 20px !important;
  font-weight: 500 !important;
}

h2 {
  font-size: 18px !important;
  font-weight: 500 !important;
}

h3 {
  font-size: 17px !important;
  font-weight: 500 !important;
}

h4 {
  font-size: 16px !important;
  font-weight: 500 !important;
}

h5 {
  font-size: 15px !important;
  font-weight: 500 !important;
}

h6 {
  font-size: 14px !important;
  font-weight: 500 !important;
}
